// 1. 判断token是否存在
// 2. 如果存在 直接正常渲染
// 3. 如果不存在 重定向到登录路由

//children：把组件写成成对的模式 中间的值就是children

// 高阶组件:把一个组件当成另外一个组件的参数传入 
//然后通过一定的判断 返回新的组件

import {getToken} from '@/utils'
//navgite是内置对象 通过to设置要跳转的路径
import { Navigate } from 'react-router-dom'

function AuthComponent({children}){
    const isToken=getToken()
    if(isToken){
        return<>{children}</>
    }else{
        return< Navigate to='/login' replace/>
    }
}
// <AuthComponent> <Layout/> </AuthComponent>
//Layout 就是chirld组件
// 登录：<><Layout/></>
// 非登录：<Navigate to="/login" replace />

export {AuthComponent}